<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blog</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/common.js" type="text/javascript"></script>
<!--below is the code to display the menu properly in ie6-->
<!--[if IE 6]>
<style type="text/css"> 
#logo {
	margin:35px 0 0 12px; /*change the left margin to half for ie6*/
	}
#tab_content li .left {
	margin:20px 0 0 12px;
	
}
</style>
<script type="text/javascript" src="js/hide-select.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="images/logo.png" alt="Logo" width="240" height="68" border="0" /></a></div>
    <div id="header_menu">
      <ul id="navigation">
        <li><a href="index.html">Home</a></li>
        <li><a href="services.html">Services</a>
          <!--notice you do not close the </li> here -->
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="#">Other Service 1</a></li>
            <li> <a href="#">Other Service 2</a></li>
            <li> <a href="#">Other Service 3</a></li>
            <li> <a href="#">Other Service 4</a></li>
            <li> <a href="#">Other Service 5</a></li>
            <li> <a href="#">Other Service 6</a></li>
          </ul>
          <!-- close the new list-->
        </li>
        <!-- close the services <li>-->
        <li><a href="portfolio.html">Portfolio</a> </li>
        <li><a href="blog.html"  class="current">Blog</a></li>
        <li><a href="contact.html">
          <!--this gets rid of last divider-->
          Contact </a></li>
      </ul>
    </div>
    <!--end header menu-->
  </div>
  <!--end header-->
  <!--start main content-->
  <div id="content_bg">
    <div class="top">
      <div id="left_column">
        <h1>Blog</h1>
        <p>Nullam condimentum tellus quis neque. Quisque id nibh eget elit bibendum aliquet.</p>
        <!--start box 1-->
        <div class="news_box_container" >
          <div class="image"> <img src="images/thumb1.jpg" alt="Man" width="130" height="130" border="0" /> </div>
          <div class="text">
            <h2><a href="#">Butterfly Photoshoot</a></h2>
            <p>Suspendisse dolor pede, tincidunt quis, pulvinar eu, ultrices nec, mauris. Suspendisse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla. Disse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla.</p>
          </div>
          <div class="stats">
            <ul>
              <li>September 20, 2009</li>
              <li> |  Category: <a href="#">Animals, Macro</a></li>
              <li> | Comments: <a href="#">3</a></li>
            </ul>
          </div>
          <hr class="clear" />
        </div>
        <!--end box 1-->
        <!--start box 2-->
        <div class="news_box_container" >
          <div class="image"> <img src="images/thumb2.jpg" alt="Man" width="130" height="130" border="0" /> </div>
          <div class="text">
            <h2><a href="#">New Site Launch</a></h2>
            <p>Suspendisse dolor pede, tincidunt quis, pulvinar eu, ultrices nec, mauris. Suspendisse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla. Disse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla.</p>
          </div>
          <div class="stats">
            <ul>
              <li>September 20, 2009</li>
              <li> |  Category: <a href="#">Animals, Macro</a></li>
              <li> | Comments: <a href="#">3</a></li>
            </ul>
        </div>
          <hr class="clear" />
        </div>
        <!--end box 2-->
        <!--start box 3-->
        <div class="news_box_container" >
          <div class="image"> <img src="images/thumb3.jpg" alt="Man" width="130" height="130" border="0" /> </div>
          <div class="text">
            <h2><a href="#">Trip to the Zoo</a></h2>
            <p>Suspendisse dolor pede, tincidunt quis, pulvinar eu, ultrices nec, mauris. Suspendisse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla. Disse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla.</p>
          </div>
        <div class="stats">
            <ul>
              <li>September 20, 2009</li>
              <li> |  Category: <a href="#">Animals, Macro</a></li>
              <li> | Comments: <a href="#">3</a></li>
            </ul>
          </div>
          <hr class="clear" />
        </div>
        <!--end box 3-->
        <!--start box 4-->
        <div class="news_box_container" >
          <div class="image"> <img src="images/thumb_lion.jpg" alt="Man" width="130" height="130" border="0" /> </div>
          <div class="text">
            <h2><a href="#">Lions, tigers &amp; bears oh my!</a></h2>
            <p>Suspendisse dolor pede, tincidunt quis, pulvinar eu, ultrices nec, mauris. Suspendisse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla. Disse mollis augue sit amet dui. Phasellus mi sapien, hendrerit lacinia, elementum in, pretium sed, nulla.</p>
          </div>
         <div class="stats">
            <ul>
              <li>September 20, 2009</li>
              <li> |  Category: <a href="#">Animals, Macro</a></li>
              <li> | Comments: <a href="#">3</a></li>
            </ul>
          </div>
          <hr class="clear" />
        </div>
        <!--end box 4-->
        <p>&nbsp;</p>
      </div>
      <!--end left column-->
      <div id="right_column">
        <!--Start Quote Box-->
        <div class="quote_box_container"> <div><img src="images/icon_quote.png" alt="Quote" width="48" height="48" border="0" /></div>
          <p class="title"><a href="#">GET A  QUOTE </a></p>
          <p>Nunc auctor bibendum eros. <br />
            Dnahs Nunc auctor bibendum. </p>
          <form action="quote.html" method="get">
            <label for="quote_name"> Name:</label>
            <input name="quote_name" id="quote_name" type="text" class="input" />
            <label for="quote_email"> Email:</label>
            <input name="quote_email" type="text" id="quote_email" class="input" />
            <input name="quote_submit" id="quote_submit" type="image" src="images/button_continue.gif" alt="Continue" />
          </form>
        </div>
        <!--End Quote Box-->
        <div class="top_title"> LATEST NEWS </div>
        <!--start news 1-->
        <div class="news_item">
          <p class="news_title"><a href="#">11 July 2009</a></p>
          <p>Donec ipsum mauris, mattis sed, vestibulum vitae, luctus a, eros. Duis consequat arcu vehicula pede. </p>
          <p class="size11"><a href="#">Read More »</a> </p>
        </div>
        <!--end news 1-->
        <!--start news 2-->
        <div class="news_item">
          <p class="news_title"><a href="#">11 July 2009</a></p>
          <p>Donec ipsum mauris, mattis sed, vestibulum vitae, luctus a, eros. Duis consequat arcu vehicula pede. </p>
          <p class="size11"><a href="#">Read More »</a> </p>
        </div>
        <!--end news 2-->
        <div class="news_item"><img src="images/icon_news.png" width="17" height="18" alt="News" align="top" /> <span class="news_title"><a href="#">News Archive</a></span></div>
        <!--start testimonial-->
        <div class="testimonial">
          <div  class="top_title">CLIENT TESTIMONIAL </div>
          <div class="text">
            <p class="italic">Donec metus risus, viverra vel, vulputate     
              eget, feugiat ac, magna. Nunc semper, nunc eu sollicitudin mollis, nunc orci sodales enim, vitae tincidunt neque mauris a nulla. Cras vel pede vel nisi consequat congue. Fusce id risus </p>
            <p><strong>Mr Smith - Company</strong> </p>
          </div>
        </div>
        <!--testimonial-->
      </div>
      <div class="clear"></div>
      <!--this make sure the bottom of the columns stays at the bottom-->
      <div class="bottom"><img src="images/background_main_content_bottom.jpg" width="940" height="6" alt="bottom" /></div>
    </div>
  </div>
  <!--end main content-->
  <div id="footer">
    <div class="left">&copy; World Wide Webdesign</div>
    <div class="right">
      <ul>
        <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker">Designed by dtbaker</a> </li>
        <li>| <a href="sitemap.php">Site map</a> </li>
        <li>| <a href="contact.html">Contact Us</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>
